.borrowed_record_details{
  .g-top{
    border-top: 1px solid #ccc;;
    padding:.8rem .2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    .md-button.block{
      font-size:.26rem;
      width:46%;
      height:.5rem;
    }
    .u-total{
      font-size:.9rem;
      color:red;
    }
    .u-expense{
      color:#666;
    }
  }
  .g-bottom{
    border-top:10px solid #ccc;
    padding:0 20px;
    .g-list{
      border-top:1px solid #ccc;
      padding-bottom:.2rem;
      .g-list1{
        font-size:.38rem;
        span{
          display: inline-block;
          width:49%;
          height:.7rem;
          line-height: .7rem;
        }
        .u-txt2{
          color:red;
        }
      }
      .g-list2{
        display: flex;
        p{
          width:49%;
        }
        .u-txt1{
          color:#666;
          .u-txt3{
            color:#000;
          }
        }
      }
    }
  }
  .g-box{
    margin:.6rem .4rem;
    border:1px solid #ccc;
    border-radius: .6rem;
    .g-top1{
      background-color: rgb(246,246,246);
      padding:.8rem .2rem;
      display: flex;
      border-radius: .6rem .6rem 0 0;
      flex-direction: column;
      align-items: center;
      p{
        margin-top:.14rem;
      }
      .u-txt4{
        color:#666;
        a{
          text-decoration: none;
          color:blue;
        }
      }
      .u-txt5{
        font-size:.4rem;
        font-weight: bold;
      }
    }
    .g-bottom1{
      padding: .28rem;
      .list2{
        height:.6rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
    }
  }
}


